<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
  <title>个人网页</title>
</head>
<style type="text/css">
*{
  margin:0;
  padding:0;
  font-size:12px;
}
.top{
  width:100%;
  height:27px;
  background:url(img/top_bg.jpg);
}
.top_content{
  width:1000px;
  margin:0 auto;
}
.top_content li{
  list-style-image:url(img/li_bg.gif);
  float:right;
  width:70px;
  line-height:27px;
}
.top_content a:link,.top_content a:visited {
  color:#8E8E8E;
  text-decoration:none;
}
.top_content a:hover,.top_content a:active{
  color:#900;
  text-decoration:none;
}
.wrap{
  width:1000px;
  margin:0 auto;
}
.logo{
  height:100px;
  float:right;
}
.wz{
  width: 40%;
  text-align:center;
}
.wz a:link,.wz a:visited{
    color: #f0f;
    font-size: 36px; 
    text-decoration: none;
}
.wz a:hover,.wz a:active{
    color: #f88;
    font-size: 36px; 
    text-decoration: none;
}
.wz_left{
  height:100px;
  float:left; 
}
.wz_right{
  height:100px;
  float:right;
}
.wz_right p{
  color: #00FFFF;
  font-size: 49px;
}
.wz_left p{
  color: #00FFFF;
  font-size: 49px;
}
</style>
</head>
<body background="img/1.jpg">
<div class="top">
 <div class="top_content">
  <ul>
    <li><a href="#">加入收藏</a></li>
    <li><a href="#">设为首页</a></li>
  </ul>
 </div>
</div><!--top结束-->
<div class="wz">
  <div class="wz_left">
    <p>
      过去的一页能不翻就不翻
    </p>
  </div>
  <div class="wz_right">
    <p>
      翻落了灰尘会迷了双眼<br>
      <a href="main.html">首页</a>
    </p>
  </div>
  <audio  autoplay="autoplay" autoplay="loop">
  <source src="music/1.mp3" type="audio/mp3">  <!-- Chrome --> 
  <source src="music/1.ogg" type="audio/ogg">  <!-- Chrome、Firefox --> 
</audio>
</div>
</body>
</html>